<template>
  <Drawer
    width="50%"
    title="提交解决方案"
    placement="right"
    v-model:visible="visible"
    :footer-style="{ textAlign: 'right' }"
    @close="close"
  >
    <template #closeIcon>
      <ArrowLeftOutlined />
    </template>
    <!-- <BasicQuillEditor /> -->
    <template #footer>
      <Button style="margin-right: 8px" type="primary" @click="submit">提交</Button>
      <Button @click="close">取消</Button>
    </template>
  </Drawer>
</template>
<script lang="ts" setup>
import { Drawer, Button } from 'ant-design-vue';
import { ref } from 'vue';
import { ArrowLeftOutlined } from '@ant-design/icons-vue';

const visible = ref(false);
let temp = ref();
const openSolution = (record) => {
  temp.value = record;
  visible.value = true;
};
const emit = defineEmits(['submitSuccess']);
const submit = async () => {
  emit('submitSuccess');
};
const close = () => {
  visible.value = false;
};

defineExpose({ openSolution });
</script>
